	$(function() {
		$('#layoutContainer img').animate({
			"opacity" : .5
		});

		$('#layoutContainer img').hover(function() {
			$(this).stop().animate({
				"opacity" : 1
			});
		}, 
		function() {
			$(this).stop().animate({
				"opacity" : .5
			});
		});
	});

	$(function() {
		$("#datepicker").datepicker({
			dateFormat : 'yy-mm-dd'
		});
	});
	//make sure that start time earlier than end time
	function testStartEndTime() {
		var from = document.getElementById('fromTime').value;
		var to = document.getElementById('toTime').value;
		if (from >= to) {
			alert("Start time must be earlier than end time");
			return false;
		}
		return true;
	}
